<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>SIGEN - Sistema de Gerenciamento de Ensino Nacional</title>
<script type="text/javascript"
	src="tela/instituicaoensino/atualizarInstituicaoEnsino.js"></script>
	<script type="text/javascript"  >
			preencherFormulario(${json});	
</script>
<link rel="stylesheet" type="text/css"
	href="tela/instituicaoensino/atualizarInstituicaoEnsino.css"></link>
</head>
<body>

	<div class="ui-widget-content painel">

		<!-- FORMULARIO -->
		<div id="subtitulo">
			<h3 class="ui-widget-header">Instituições de Ensino</h3>
		</div>
		<div id="formWrapper" class="centered">
			<form id="cadastro" action="#" onSubmit="return false;" method="post"
				class="bbq">

				<fieldset class="step" id="dadosInstituicao">
					<legend>Dados da instituição</legend>
					<ul class="controls">
						<li><label for="nome">Nome da instituição:</label>
						<input type="hidden" name="id" id="id"></input>
			  	  		<input type="hidden" name="version" id="version"></input>
						<input
							type="text" name="nome" id="nome" class="field"
							style="width: 340px;" /></li>
						<li><label for="endereco">Endereco da instituição:</label><input
							type="text" name="endereco" id="endereco" class="field"
							style="width: 340px;" /></li>
						<li><label for="estado">Estado:</label><select
							name="estado[id]" id="estado" class="field"></select></li>
						<li><label for="municipio">Municipio:</label><select
							name="municipio[id]" id="municipio" class="field"></select></li>
						<li><label for="cep">CEP:</label><input type="text"
							name="cep" id="cep" class="field"></input></li>
						<li><label for="telefoneInstituicao">Telefone da
								instituição:</label><input type="text" name="telefoneInstituicao"
							id="telefoneInstituicao" class="field" /></li>
						<li><label for="emailInstituicao">Email da
								instituição:</label><input type="text" name="emailInstituicao"
							id="emailInstituicao" class="field" style="width: 340px;" /></li>
						<li><label for="sigla">Sigla:</label><input type="text"
							name="sigla" id="sigla" class="field"></input></li>
						<li><label for="site">Site da instituição:</label><input
							type="text" name="site" id="site" class="field"
							style="width: 340px;" /></li>
						<li><label for="ramoSegurancaPublica">Ramo da
								segurança pública:</label><select name="ramoSegurancaPublica[id]"
							id="ramoSegurancaPublica" class="field"></select></li>
						<li><label for="responsavelInstituicao">Responsável
								pela instituição:</label><select name="responsavelInstituicao[id]"
							id="responsavelInstituicao" class="field"></select></li>
						<li><label for="dataPosseResponsavel">Data da posse:</label><input
							type="text" name="dataPosseResponsavel"
							id="dataPosseResponsavel" class="field"/><a href="#" onclick="calcularMesesPosse();" class="field">&nbsp;Calcular</a></li>
						<li><label for="tempoUnidadeI">Tempo na unidade:</label><input
							type="text" readonly="readonly" name="tempoUnidadeI" id="tempoUnidadeI" class="field" value="0" />&nbsp;meses&nbsp;&nbsp;</li>
					</ul>
				</fieldset>

				<fieldset class="step" id="dadosResponsavelSessao">
					<legend>Sessão de ensino</legend>
					<ul class="controls">
						<li><label for="sessaoEnsino">Nome da sessão de
								ensino:</label><input type="text" name="sessaoEnsino" id="sessaoEnsino"
							class="field" style="width: 340px;" /></li>
						<li><label for="emailSessao">Email da sessão de
								ensino:</label><input type="text" name="emailSessao" id="emailSessao"
							class="field" style="width: 340px;" /></li>
						<li><label for="telefoneSessao">Telefone(s) da
								sessão:</label><input type="text" name="telefoneSessao"
							id="telefoneSessao" class="field" /></li>
						<li><label for="faxSessao">Fax da sessão:</label><input
							type="text" name="faxSessao" id="faxSessao" class="field" /></li>
						<li><label for="responsavelSessao">Responsável pela
								sessão:</label><select name="responsavelSessao[id]"
							id="responsavelSessao" class="field"></select></li>
						<li><label for="responsavelSessaoGraduadoPedagogia">Responsável
								é graduado em pedagogia:</label><input type="checkbox"
							name="responsavelSessaoGraduadoPedagogia"
							id="responsavelSessaoGraduadoPedagogia" class="field" /></li>
					</ul>
				</fieldset>

				<fieldset class="step" id="atividadesDesempenhadas">
					<legend>Atividades desempenhadas</legend>
					<ul class="controls">
						<li><label>Ramo da segurança pública:</label><select
							name="ramoSegurancaPublicaAtividades[id]"
							id="ramoSegurancaPublicaAtividades" class="field" style="width: 280px;"></select></li>
						<li><label>Atividades:</label><select
							name="atividades[id]" id="atividades"
							class="field" style="width: 280px;"></select> <a
							id="adicionarAtividadesDesempenhadasBtn" href="#">Adicionar</a></li>
						<li>
							<table cellspacing="0" class="display" cellpadding="0" border="0"
								id="dataGridAtividadesDesempenhadas"></table>
						</li>
					</ul>
				</fieldset>

				<fieldset class="step" id="salasAlunos">
					<legend>Salas e alunos</legend>
					<ul class="controls">
						<li><label for="capacidadeMaximaAlunos">Capacidade máxima de alunos:</label>
							<input type="text" name="capacidadeMaximaAlunos" id="capacidadeMaximaAlunos"
							class="field"/>
						</li>
						<li><label for="numeroSalas">Número de salas:</label>
							<input type="text" name="numeroSalas" id="numeroSalas"
							class="field"/>
						</li>
						<li><label for="capacidadeMediaSala">Capacidade média das salas:</label>
							<input type="text" name="capacidadeMediaSala" id="capacidadeMediaSala"
							class="field"/>
						</li>
						<li><label for="biblioteca">Biblioteca:</label>
							<select id="biblioteca" name="biblioteca" class="field">
								<option value="true">Sim</option>
								<option value="false">Não</option>
							</select>
						</li>
					</ul>
				</fieldset>

				<fieldset class="step" id="auditorioRefeitorioLaboratorioInformatica">
					<legend>Auditórios, refeitório e laboratório de informática</legend>
					<ul class="controls">
						<li><label for="numeroAuditorios">Número de auditórios:</label>
							<input type="text" name="numeroAuditorios" id="numeroAuditorios"
							class="field"/>
						</li>
						<li><label for="capacidadeAuditorio">Capacidade dos Auditórios:</label>
							<input type="text" name="capacidadeAuditorio" id="capacidadeAuditorio"
							class="field"/>
						</li>
						<li><label for="refeitorio">Refeitório:</label>
							<select id="refeitorio" name="refeitorio" class="field">
								<option value="true">Sim</option>
								<option value="false">Não</option>
							</select>
						</li>
						<li><label for="capacidadeRefeitorio">Capacidade do refeitório:</label>
							<input type="text" name="capacidadeRefeitorio" id="capacidadeRefeitorio"
							class="field"/>
						</li>
						<li><label for="laboratorioInformatica">Laboratório de informática:</label>
							<select id="laboratorioInformatica" name="laboratorioInformatica" class="field">
								<option value="true">Sim</option>
								<option value="false">Não</option>
							</select>
						</li>
						<li><label for="capacidadeLaboratorioInformatica">Capacidade do laboratório de informática:</label>
							<input type="text" name="capacidadeLaboratorioInformatica" id="capacidadeLaboratorioInformatica"
							class="field"/>
						</li>						
					</ul>
				</fieldset>
				
				<fieldset class="step" id="ginasioPiscina">
					<legend>Ginásio e Piscina</legend>
					<ul class="controls">
						<li><label for="ginasio">Ginásio:</label>
							<select id="ginasio" name="ginasio" class="field">
								<option value="true">Sim</option>
								<option value="false">Não</option>
							</select>
						</li>
						<li><label for="espacoTreinamentoFisico">Espaçamento para treinamento físico:</label>
							<select id="espacoTreinamentoFisico" name="espacoTreinamentoFisico" class="field">
								<option value="true">Sim</option>
								<option value="false">Não</option>
							</select>
						</li>					
						<li><label for="piscina">Piscina:</label>
							<select id="piscina" name="piscina" class="field">
								<option value="true">Sim</option>
								<option value="false">Não</option>
							</select>
						</li>
						<li><label for="larguraPiscina">Largura da piscina:</label>
							<select id="larguraPiscina" name="larguraPiscina" class="field">
								<option value="0">-----</option>
								<option value="25">25 mt</option>
								<option value="50">50 mt</option>
							</select>
						</li>
						<li><label for="quantidadeRaiasPiscina">Raias:</label>
							<input type="text" name="quantidadeRaiasPiscina" id="quantidadeRaiasPiscina"
							class="field"/>
						</li>					
					</ul>
				</fieldset>

				<fieldset class="step" id="estandeTiro">
					<legend>Ginásio e Piscina</legend>
					<ul class="controls">
						<li><label for="estandeTiro">Estande de tiro:</label>
							<select id="estandeTiro" name="estandeTiro" class="field">
								<option value="true">Sim</option>
								<option value="false">Não</option>
							</select>
						</li>
						<li><label for="capacidadeEstandeTiro">Capacidade:</label>
							<input type="text" name="capacidadeEstandeTiro" id="capacidadeEstandeTiro"
							class="field"/>
						</li>
						<li><label for="distanciaMetroEstandeTiro">Distância:</label>
							<input type="text" name="distanciaMetroEstandeTiro" id="distanciaMetroEstandeTiro"
							class="field"/>
						</li>
						<li><label for="calibreMaximo">Calibre máximo:</label>
							<select id="calibreMaximo" name="calibreMaximo" class="field">
								<option value="0">-----</option>
								<option value="22">22"</option>
								<option value="32">32"</option>
								<option value="38">38"</option>
								<option value="40">.40"</option>
								<option value="380">380"</option>
								<option value="9">9mm</option>
							</select>
						</li>					
						<li><label for="simuladorTiro">Simulador de tiro:</label>
							<select id="simuladorTiro" name="simuladorTiro" class="field">
								<option value="true">Sim</option>
								<option value="false">Não</option>
							</select>
						</li>					
					</ul>
				</fieldset>

				<fieldset class="step" id="alojamentoMediaAlunosAtividade">
					<legend>Alojamento e média de alunos em atividade</legend>
					<ul class="controls">
						<li><label for="alojamentoColetivo">Alojamento coletivo:</label>
							<select id="alojamentoColetivo" name="alojamentoColetivo" class="field">
								<option value="true">Sim</option>
								<option value="false">Não</option>
							</select>
						</li>
						<li><label for="capacidadeAlojamentoColetivo">Capacidade do alojamento coletivo:</label>
							<input type="text" name="capacidadeAlojamentoColetivo" id="capacidadeAlojamentoColetivo"
							class="field"/>
						</li>
						<li><label for="alojamentoIndividual">Alojamento individual:</label>
							<select id="alojamentoIndividual" name="alojamentoIndividual" class="field">
								<option value="true">Sim</option>
								<option value="false">Não</option>
							</select>
						</li>
						<li><label for="capacidadeAlojamentoIndividual">Capacidade do alojamento individual:</label>
							<input type="text" name="capacidadeAlojamentoIndividual" id="capacidadeAlojamentoIndividual"
							class="field"/>
						</li>
						<li><label for="mediaAlunosAtividade">Média mensal de alunos em atividade:</label>
							<input type="text" name="mediaAlunosAtividade" id="mediaAlunosAtividade"
							class="field"/>
						</li>					
					</ul>
				</fieldset>

				<fieldset class="step" id="treinamentoOperacional">
					<legend>Alojamento e média de alunos em atividade</legend>
					<ul class="controls">
						<li><label for="treinamentoOperacional">Espaço para treinamento operacional:</label>
							<select id="treinamentoOperacional" name="treinamentoOperacional" class="field">
								<option value="true">Sim</option>
								<option value="false">Não</option>
							</select>
						</li>
						<li><label for="capacidadeMetroTreinamentoOperacional">Capacidade em metros:</label>
							<input type="text" name="capacidadeMetroTreinamentoOperacional" id="capacidadeMetroTreinamentoOperacional"
							class="field"/>
						</li>
						<li><label for="possibilidadeUsoViatura">Possibilidade de uso de viaturas,tomadas de pontos, etc:</label>
							<select id="possibilidadeUsoViatura" name="possibilidadeUsoViatura" class="field">
								<option value="true">Sim</option>
								<option value="false">Não</option>
							</select>
						</li>
						<li><label for="treinamentoDefesaPessoal">Espaço para treinamento de defesa pessoal:</label>
							<select id="treinamentoDefesaPessoal" name="treinamentoDefesaPessoal" class="field">
								<option value="true">Sim</option>
								<option value="false">Não</option>
							</select>
						</li>
						<li><label for="capacidadeDefesaPessoalMetros">Capacidade em metros:</label>
							<input type="text" name="capacidadeDefesaPessoalMetros" id="capacidadeDefesaPessoalMetros"
							class="field"/>
						</li>				
					</ul>
				</fieldset>

				<div id="navigation">
					<input class="navigation_button " id="back" value="Voltar"
						type="reset" /> <input class="navigation_button " id="next"
						value="Próximo" type="submit" />
				</div>
			</form>
		</div>
	</div>

	<!-- MODAL POPUP -->
	<div id="modalPopup" title=" ">
		<span id="dialogMessage"></span>
	</div>

</body>
</html>

